<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">



		<h1 align="center" style="color: #008000">INFORME DE AVANCE
			TECNICO DEL PROYECTO</h1>
		<br />



		<h1 align="center" style="color: #FF8C00">CUMPLIMIENTO DE
			ACTIVIDADES Y METAS</h1>

		<br />
		<br />
		<h:form>
			<a4j:region>
				<rich:dataTable value="#{grupoBean.listaActividades}"
					id="tablaAvance" var="actividad" binding="#{grupoBean.tablaAvance}">
					<f:facet name="header">
						<h:outputText value="Cronograma de Actividades" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Nº" />
						</f:facet>
						<h:outputText value="#{actividad.identificacion}"
							id="identificacion" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Actividad" />
						</f:facet>
						<h:outputFormat value="#{actividad.actividad}" id="actividad" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Tiempo" />
						</f:facet>
						<h:outputText value="#{actividad.tiempo}" id="tiempo" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Responsable" />
						</f:facet>
						<h:outputText value="#{actividad.responsabilidad}"
							id="responsable" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="% Cumplimiento" />
						</f:facet>
						#{actividad.porcentajeCumplimiento} %  <a4j:commandLink
							action="#{grupoBean.obtenerActividadAvance}" id="editarLink"
							oncomplete="#{rich:component('editPanel')}.show()">
							<h:graphicImage value="/images/icons/edit.jpg" /> Editar
						</a4j:commandLink>
						<rich:toolTip for="editarLink" value="Editar" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
			<br />
			<br />
		</h:form>
		<br />

		<a4j:form>
			<h:panelGrid columns="2">
				<h:outputText
					value="Las Actividades han sido realizadas en el tiempo previsto">
				</h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta1}"
					immediate="true" enableManualInput="false" />

				<h:outputText
					value="Los recursos han sido utilizados conforme a lo planeado">
				</h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta2}"
					immediate="true" enableManualInput="false" />

				<h:outputText
					value="Se han obtenido las metas y los resultados esperados">
				</h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta3}"
					immediate="true" enableManualInput="false" />

				<h:outputText>
					<b>Si el proyecto presenta retrasos Indique la causa: (señale
						si o no)</b>
				</h:outputText>
				<h:outputText value="" />

				<h:outputText value="Causas externas a la institución Educativa"></h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta4}"
					immediate="true" enableManualInput="false" />

				<h:outputText value="Incumplimiento del grupo de trabajo"></h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta5}"
					immediate="true" enableManualInput="false" />

				<h:outputText value="Problemas de gestión"></h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta6}"
					immediate="true" enableManualInput="false" />

				<h:outputText value="Otro"></h:outputText>
				<rich:comboBox suggestionValues="#{grupoBean.respuestas}"
					directInputSuggestions="true" defaultLabel="Ingrese algun Valor"
					value="#{grupoBean.informeAvanceTecnico.respuesta7}"
					immediate="true" enableManualInput="false" />
				
				<h:outputText value="Cual?"></h:outputText>
				<h:inputTextarea
							value="#{grupoBean.informeAvanceTecnico.respuesta8}"></h:inputTextarea>

				<a4j:commandButton value="Aceptar"
					action="#{grupoBean.crearInformeAvanceTecnico}"
					style="width: 104px; height: 29px; "
					oncomplete="#{rich:component('wait')}.show()" />
			</h:panelGrid>

			
		</a4j:form>

		<rich:modalPanel id="wait" autosized="true" width="300" height="120"
			moveable="false" style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Informacion" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink1"
						styleClass="hidelink" />
					<rich:componentControl for="wait" attachTo="hidelink1"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{grupoBean.informeAvanceTecnicoCreado}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/ok.jpg" />
								<h:outputText value="Datos almacenados correctamente"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
							<a4j:commandButton value="Aceptar"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
								reRender="tablaMuni" action="grupoIni"
								style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
						</h:panelGroup>
					</a4j:outputPanel>
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGroup rendered="#{!grupoBean.informeAvanceTecnicoCreado}">
							<h:panelGrid columns="2">
								<h:graphicImage value="/images/icons/err.jpg" />
								<h:outputText value="Error almacenando los datos"
									style="font-style: italic; font-size: 16px" />
							</h:panelGrid>
							<a4j:commandButton value="Aceptar"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('wait')}.hide();"
								style="width: 100px; height: 30px; font-size: 16px; align: center"></a4j:commandButton>
						</h:panelGroup>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="editPanel" autosized="true" width="450">
			<f:facet name="header">
				<h:outputText value="Editar el porcentaje de cumplimiento" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="editPanel" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText value="Porcentaje Actual" />
							<h:inputText
								value="#{grupoBean.actividadSeleccionada.porcentajeCumplimiento}"
								style="width: 72px; " />
						</h:panelGrid>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{grupoBean.editarActividad}" reRender="tablaAvance"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('editPanel')}.hide();" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a></li>
			</ul>
		</a4j:form>
	</ui:define>

</ui:composition>
</html>